<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>简约的开关效果</title>
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <div class="toggle-wrapper">
      <input class="toggle-checkbox" type="checkbox" />
      <div class="toggle-container">
        <div class="toggle-button">
          <div class="toggle-button-circles-container">
            <div class="toggle-button-circle"></div>
            <div class="toggle-button-circle"></div>
            <div class="toggle-button-circle"></div>
            <div class="toggle-button-circle"></div>
            <div class="toggle-button-circle"></div>
            <div class="toggle-button-circle"></div>
            <div class="toggle-button-circle"></div>
            <div class="toggle-button-circle"></div>
            <div class="toggle-button-circle"></div>
            <div class="toggle-button-circle"></div>
            <div class="toggle-button-circle"></div>
            <div class="toggle-button-circle"></div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
